function createForm(){
	
	Ext.QuickTips.init();
	
	Ext.create('Ext.form.Panel', {
		renderTo : 'login_form', 
		frame : true, 
		title : 'Login', 
		width : 250, 
		standardSubmit : true, 
		url : 'index.jsp', 
		method : 'POST', 
		
		fieldDefaults : {
			labelAlign : 'left', 
			labelWidth : 90, 
			anchor : '100%'
		},
		
		items : [{
			xtype : 'textfield', 
			fieldLabel : 'Username ', 
			name : 'username',
			allowBlank : false
		}, {
			xtype : 'textfield', 
			fieldLabel : 'Password ',
			inputType : 'password', 
			name : 'password',
			allowBlank : false
		}, {
			xtype : 'button', 
			text : 'Login', 
			disabled : true, 
			formBind : true, 
			handler : function(){
				var dataToSend = this.up('form').getForm(); 
				dataToSend.submit(); 
			}
		}, {
			xtype : 'button', 
			text : 'Sign up',
			handler : function(){
				window.location = "RegistrationServlet"; 
			}
		}]
	});
}

Ext.onReady(createForm); 